/* Transpo - Transport and Logistics HTML5 Template */
************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Header Style One / Header Style Two
5. Main Slider
6. Featured Three Column
7. Fun Fact Counter / Style One / Style Two
8. Our Services / Style One / Style Two / Style Three
9. Default Section
10. Default Text Clumn
11. Accordion Box / Style One / Style Two / Style Three
12. Two Column Fluid
13. Testimonials Light
14. Get Quote FOrm
15. Team Section
16. Video Section
17. News Style One
18. Sponsors Carousel
19. Main Footer
20. Welcome Section
21. Gallery Column
22. FAQs
23. Testimonials Style Two
24. News Style Two / Default News Style
25. Map Section
26. Default Three Column
27. Sidebar Page Container
28. Sidebar
29. Sidebar Widgets
30. Content Side
31. Services Grid View
32. Single Service
33. Pricing Section
34. Request Quote Section
35. Error Page
36. Gallery Section
37. Blog Page
38. Blog Details
39. Comments Area
40. Comments Form
41. Styled Pagination
42. Contact Section
**********************************************/
.links-nav .ico_2{ background:url("/images/2022/index/icon_tj.png") 10px center no-repeat;
padding-left:38px; }
.links-nav .ico_3{ background:url("/images/2022/index/icon_sy.png") 10px center no-repeat;
padding-left:38px; }
.links-nav .ico_4{ background:url("/images/2022/index/zy.png") 10px center no-repeat;
padding-left:40px;}
/*搜索*/
.seach{ width:100%; text-align: center; height:40px; margin-top: 15px;}
.inp_b table tr td{ border:none; margin:0; padding:0;}
.sertext{ background:url("/images/2022/index/inp_l.png") left no-repeat; border:none; width:324px; height:40px; line-height:34px;
text-indent:6px; color:#cacaca; font-family:"微软雅黑"; font-size:12px;}
.sertext:focus{ background:url(/images/2022/index/inp_all.png) no-repeat;}
.serbtn{ background:url("/images/2022/index/inp_r.png") right no-repeat; border:none; width:46px; height:40px; line-height:34px; }
.dt_lb{ width:100%;/* height:450px; */float:left; border:2px solid #f2f2f2;overflow:hidden;position:relative;}
.slideBox{ width:100%;/* height:450px;*/ overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:8px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:5px; width:30px; height:5px; line-height:5px; text-align:left;
background:url("/images/2022/index/do_icoh.png") no-repeat; cursor:pointer; }
.slideBox .hd ul li.on{ background:url("/images/2022/index/do_ico.png") no-repeat; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd img{ width:100%; display:block; height:100%; }
.slideBox .bd li p{
width:100%; height:72px;
line-height:72px;
background: url(/images/2022/niindex/p_bg.png) center repeat-x;
position:absolute; bottom:0; left:0; z-index:9999}
.slideBox .bd li p a{ color:#FFF; padding-left:15px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block;
width:32px; height:40px; background:url("/images/2022/index/slider-arrow.png") -110px 5px no-repeat;
filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }
.single-service-wrapper .service-icon {
width: 134px;
height: 130px;
margin: 0 auto 30px;
color: #FFF;
position: relative;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
}
.single-service-wrapper .service-icon1 {
background: url("/images/2022/index/zs_ico.png");
}
.single-service-wrapper .service-icon2 {
background: url("/images/2022/index/rx_ico.png");
}
.single-service-wrapper .service-icon3 {
background: url("/images/2022/index/3_ico.png");
}
.single-service-wrapper .service-icon4 {
background: url("/images/2022/index/4_ico.png");
}
.single-service-wrapper .service-icon5 {
background: url("/images/2022/index/5_ico.png");
}
.single-service-wrapper .service-icon6 {
background: url("/images/2022/index/6_ico.png");
}
.service-icon a{
display: block;
width: 134px;
height: 130px;
margin: 0 auto 30px;
}
.dt_lb1{ width:100%; height:340px; float:left; border:2px solid #f2f2f2;overflow:hidden;position:relative;}
.slideBox1{ width:100%; height:340px; overflow:hidden; position:relative;}
.slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:8px; z-index:1; }
.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox1 .hd ul li{ float:left; margin-right:5px; width:30px; height:5px; line-height:5px; text-align:left;
background:url("/images/2022/index/do_icoh.png") no-repeat; cursor:pointer; }
.slideBox1 .hd ul li.on{ background:url("/images/2022/index/do_ico.png") no-repeat; color:#fff; }
.slideBox1 .bd{ position:relative; height:100%; z-index:0; }
.slideBox1 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox1 .bd img{ width:100%; height:340px; display:block; }
.slideBox1 .bd li p{
width:100%; height:40px;
line-height:40px;
background: url("/images/2022/index/p_bg.png") center repeat-x;
position:absolute; bottom:0; left:0; z-index:9999}
.slideBox1 .bd li p a{ color:#FFF; padding-left:15px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox1 .prev,
.slideBox1 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block;
width:32px; height:40px; background:url("/images/2022/index/slider-arrow.png") -110px 5px no-repeat;
filter:alpha(opacity=50);opacity:0.5; }
.slideBox1 .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox1 .prev:hover,
.slideBox1 .next:hover{ filter:alpha(opacity=100);opacity:1; }
.slideBox1 .prevStop{ display:none; }
.slideBox1 .nextStop{ display:none; }
/* 新闻速递 */
.xwsd{
width: 100%;
height: 340px;
float: right;
}
.xwsd_t{
background: #004b8d;
line-height: 40px;
}
.xwsd_t h1{
background: url("/images/2022/index/zsdt_ico.png") 10px center no-repeat;
padding-left: 40px;
background-size: 18px;
}
.xwsd_t h1 a{
color:#fff;
font-size: 16px;
}
.xwsd_t h1 a i{
font-size: 12px;
}
.xwsd_c{
border: 1px solid #004b8d;
height: 270px;
overflow: hidden;
}
.xwsd_c ul li{
width: 96%;
border-bottom: 1px dashed #b0b0b0;
height: 36px;
line-height: 36px;margin-left: 2%;
text-decoration: underline;
}
.xwsd_c ul li i{
float: left;padding-left: 5px;
font-size: 13px;
}
.xwsd_c ul li a{
line-height: 36px;
font-size: 14px;
display: block;
background: url("/images/2022/index/ico111.png") 10px center no-repeat;
padding-left:30px;
overflow: hidden;
color: #000;
height: 36px;
}
.gzdt_r_t{
width: 100%;
}
.topicList ul{background: url("/images/2022/index/boxline.png") no-repeat 5px 120px;}
.topicList .t .date { float:left; background-color:#eee; width:90px; height:90px; line-height:30px; text-align:center; font-size:12px; color:#005caa; margin-right:20px; display:inline;}
.topicList .t .date b { display:block; background-color:#f5f5f5; height:60px; line-height:60px; font-size:48px; font-weight:100;}
.topicList .t { *zoom: 1;background: none;padding-bottom: 0px;}
.topicList .t:after { content: ""; display: table; clear: both; }
.topicList .t .pic {float:left;margin-right: 20px;display: inline;}
.topicList .t .con .title {font-weight: 100;font-size: 20px;line-height: 30px;margin-bottom:10px; margin-top:15px;}
.topicList .t1:hover .con .title .tit { color: #cc0000;}
.topicList .t1:hover .con .intro { color: #222222;}
.topicList .t1:hover .date { color: #cc0000;}
.topicList .t .con .title .tit {text-decoration: none;color: #0061b6;font-weight:bold; font-size: 16px}
.topicList .t .con .intro {font-size: 14px;line-height: 24px;color: #717171;}
.topicList .n .title { height:40px; line-height: 40px; font-size: 14px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.topicList .n a { text-decoration: none; background:url("/images/2022/index/liteicon.png") no-repeat 0 6px; padding-left:25px; font-size: 14px; line-height: 40px; color: #666666}
.topicList .n:hover a { background:url("/images/2022/index/liteicon.png") no-repeat 0 -27px; color: #cc0000}
.topicList .n .date { float: right; color: #999; }
.yjs_img{
margin: 0 auto;
width: 1200px;
}
.szyw_t h1{
background: url("/images/2022/index/szyw_ico.png") 10px center no-repeat;
padding-left: 40px;
background-size: 18px;
}
.zsws_t h1{
background: url("/images/2022/index/zsws_ico.png") 10px center no-repeat;
padding-left: 40px;
background-size: 18px;
width: 150px;
}
.ws_pic {
position: relative;
}
.ws_pic :first-child{ margin-left:0px;}
.ws_pic em{ background:#000; height:34px; line-height:34px; width:100%; position:absolute;
left:0px; bottom:0px; text-align:center;
color:#FFF; font-size:12px; filter:alpha(opacity=70); /*支持 IE 浏览器*/
-moz-opacity:0.70; /*支持 FireFox 浏览器*/
opacity:0.70; /*支持 Chrome, Opera, Safari 等浏览器*/}
.ws_pic img {
width: 100%;
height: 100%;
}
.ws_pic:after {
bottom: 0;
content: url("/images/2022/bg_play.png");
left: 5px;
position: absolute;
z-index: 10;
}
.ws_pic:hover, .zhuti .ws_pic:hover, .bbsinner .ws_pic:hover {
box-shadow: 0 0 10px gray;
}
.ws_pic:hover img, .zhuti .ws_pic:hover img, .bbsinner .ws_pic:hover img {
transform: scale(1.1);
transition: all 1s ease 0s;
-webkit-transform: scale(1.1);
-webkit-transform: all 1s ease 0s;
}
.ws_pic i{width: 70px;
height: 70px;
background: rgba(0,0,0,.4) url("/images/2022/index/3f_play_left.png") no-repeat center center;
position: absolute;
left: 46%;
top: 40%;
margin: -21px 0 0 -21px;
border-radius: 50%;
cursor: pointer;
transition: all .2s;}
.ws_pic i:hover{background-color:rgba(0,0,0,.6);}